<template>
	<view class="content">
		<HotItem v-for="(item,index) in articleList" :info="item" :key="index"></HotItem>
		<ArticleItem v-for="(item,index) in articleList" :info="item" :key="index" @tap="articleDetail(item)"></ArticleItem>
	</view>
</template>

<script>
	import { request } from '../../utils/request.js'
	import { blogList } from '../../api.js'
	
	export default {
		data() {
			return {
				articleList: [
					{
						id: 1,
						title: '呵呵哈哈哈',
						author: {
							avatar: 'https://iconfont.alicdn.com/t/1510213258954.jpg@100h_100w.jpg',
							name: 'buer'
						},
						cover: 'https://iconfont.alicdn.com/t/1510213258954.jpg@100h_100w.jpg',
						summary: '开发和客户发货地方对方可恢复速度快还是分开回复回复客户开发和客户发货地方对方可恢复速度快还是分开回复回复客户开发和客户发货地方对方可恢复速度快还是分开回复回复客户开发和客户发货地方对方可恢复速度快还是分开回复回复客户',
						like_count: 99,
						comment_count: 6,
						category: 'JavaScript'
					}
				]
			}
		},
		onLoad() {
			console.log(blogList)
			request(blogList).then(res=>{
				console.log(res)
			})
		},
		methods: {
			
		}
	}
</script>

<style>
	.content {
		
	}
</style>
